<template>
	<view class="contactPage">
		<image class="img" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg"></image>
		<view class="info">
			<text @tap="phone">联系电话: 16605818491(点击拨打)</text>
			<text>地址: 浙江省杭州市江干区学正街143号景冉公寓</text>
		</view>
		<map :latitude="map.lat" :longitude="map.long" :scale="map.scale" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				map: {
					lat: "30.311713",
					long: "120.397068",
					scale: "11"
				},
				markers: [{
					latitude: "30.311713",
					longitude: "120.397068",
					iconPath: "../../static/image/dingwei.png",
					label: "我们",
					width: 30,
					height: 30
				}]
			};
		},
		methods: {
			phone() {
				uni.makePhoneCall({
					phoneNumber: "16605818491"
				});
			},
		}
	}
</script>

<style lang="scss">
	.img {
		width: 750rpx;
		height: 320rpx;
	}

	.info {
		text {
			padding: 0 20rpx;
			display: flex;
			height: 70rpx;
			align-items: center;
			border-bottom: 2rpx solid #E5E5E5;
		}
	}

	map {
		border-radius: 20rpx;
		width: 750rpx;
		height: calc(100% - 140rpx - 320rpx);
	}
</style>
